import { createApp } from 'vue'
import App from './App.vue'

// 统一所有的浏览器的样式 不是重置样式
import 'normalize.css' // 样式是全局的 直接在main.css中引入即即可

// 重置样式(清除内外边距, 自动内减....)
import '@/assets/styles/common.less'

//路由的挂载
import router from './router'

// 骨架屏的全局应用
// 注册全局组件的插件对象
// import XtxSkeleton from '@/components/skeleton/index.vue'
import XtxUI from '@/components'

import { createPinia } from 'pinia'
const pinia = createPinia()
const app = createApp(App) // Vue应用实例

// createApp(App).use(pinia).use(router).mount('#app')
// Vue的插件机制 => 一个对象install方法
// 希望 app.use(xxx) 就可以
// app.component('XtxSkeleton', XtxSkeleton)
app.use(XtxUI)
app.use(pinia)
app.use(router)
app.mount('#app')
